<!DOCTYPE html>
<html>
    <head>
        <title>EVENTOS</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Bootstrap -->
        <?php echo Tag::css('bootstrap/bootstrap')?>
        <?php echo Tag::css('bootstrap/bootstrap-responsive')?>
        <?php echo Tag::css('style') ?>
        <?php echo Html::includeCss()?> 
        <?php echo Tag::js("jquery/jquery+kumbiaphp.min") ?> 
        <style type="text/css">
            html,body
            {
                height:89%;
            }            
            body {
                padding-top: 60px;
                padding-bottom: 40px;
                /* background-color: #f2f2f2;*/
            }
            .sidebar-nav {
                padding: 9px 0;
            }      
            .container-fluid{
                background-color: #730101 !important;
            }      
            .navbar-inner{
                background-image: linear-gradient(#730101,#730101) !important;              
            }
            
            @media (max-width: 980px) {
                /* Enable use of floated navbar text */
                .navbar-text.pull-right {
                    float: none;
                    padding-left: 5px;
                    padding-right: 5px;
                }
            }

            #wrap{
                min-height: 100%;
            }

            .brand{
                color: #fefefe !important;
            }

            footer{
                border-top: solid #d7d7d7 1px;
                padding-top: 2px;
                padding-bottom: 9px;
                background-color: #f2f2f2;       

            }

            form-actions{
                border-radius: 10px;
            }     

            .form-vertical .form-horizontal .control-group > label {
                text-align: left;
            }
            .form-horizontal .form-vertical .control-group > label {
                float: none;
                padding-top: 0;
                text-align: left;
            }
            .form-horizontal .form-vertical .controls {
                margin-left: 0;
            }
            .form-horizontal .form-vertical.form-actions,
            .form-horizontal .form-vertical .form-actions {
                padding-left: 20px;
            }
            .control-group .control-group {
                margin-bottom: 0;
            }  
            body .modal {
                width: 90%; /* desired relative width */
                left: 5%; /* (100%-width)/2 */
                margin: 0 auto;
            }
      
        </style>
        <script type="text/javascript">
            jq = jQuery.noConflict();
        </script>
    </head>
    <body>
        <div id="wrap">
            <div class="container">
                <div class="navbar navbar-inverse navbar-fixed-top" style="background-color: #730101 !important;">
                    <div class="navbar-inner">
                        <div class="container-fluid">
                            <a class="brand" href="#">EVENTOS</a>
                        </div>
                    </div>
                </div>    
                
                <div class="row">
                    <div class="container">
                        <?php echo View::content() ?>
                    </div>
                </div>
            </div>
        </div> 
    </body>
</html>